/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1560px; margin:0 auto;}
.wapper2{max-width: 1720px;margin:0 auto;}
.wapper3{max-width: 1450px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
img{max-width: 100%;}
.headtop{line-height: 40px;background: #192043;padding: 10px 0;}
.headtop .left ul li{padding-left: 30px;color: #fff;font-size: 16px;display: inline-block;margin-right: 55px;}
.headtop .right .login{border-right: 1px solid #454C64;font-size: 16px;color: #fff;padding-right: 30px;margin-right: 30px;}
.headtop .right .login a{color: #fff;}
.headtop .right ul li{display: inline-block;padding-left: 30px;}



.head {padding: 30px 0;}
.head .logo{padding-right: 3%;}
.menu ul li{display: inline-block;text-align: center;line-height: 48px;text-align: center;font-size: 18px;position: relative;margin-right: 30px;}
.menu ul li.cur a{color: #00C2DA;}
.menu ul li a{color: #333;}
.menu ul li a:hover{color: #00C2DA;}
.menu ul li dl{position: absolute;top: 48px;left: 0;width: 200%;text-align: left;padding: 0 10%;z-index: 99;background: #fff;display: none;}
.menu ul li:hover dl{display: block;}

.tel{border-left: 1px solid #ccc;padding-left: 50px;line-height: 60px;margin-right: 40px;}
.tel h3{font-size: 24px;color: #333;padding-left: 40px;}
.qet a{display: block;width: 127px;line-height: 40px;color: #fff;margin-top: 10px;background: #FAC360;color: #fff;text-align: center;font-size: 18px;}



.phone{display: none;}

.phonehead{padding: 15px 0;}
.phonehead .logo{width: calc(100% - 70px);}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:absolute; display: none;right:0px; top:45px; height:100%; width:200px; background-color:#fff; z-index: 8; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:45px; height:45px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

.banner{background: #E5F8FC;}
.banner .swiper-button-prev{background: url(../images/QQ20241217-161619.png);width: 72px;height: 76px;margin-top: -38px;left: 100px;}
.banner .swiper-button-next{background: url(../images/QQ20241217-161720.png);width: 72px;height: 76px;margin-top: -38px;right: 100px;}
.banner .swiper-button-prev::after{content: "";}
.banner .swiper-button-next::after{content: "";}

.con{padding: 60px 0;}
.con .left{width: 48%;}
.con .left h3{color: #13c5dd;font-size: 18px;}
.con .left span{display: block;margin: 30px 0;font-size: 48px;color: #333;}
.con .left a{display: block;width: 150px;line-height: 60px;background: #00C3DA;text-align: center;color: #fff;font-size: 18px;}
.con .right{width: 48%;color: #666;font-size: 18px;line-height: 2;}
.con ul{margin-top: 0px;}
.con ul li{width: calc((100% - 60px) / 4);float: left;margin-right: 20px;}
.con ul li:nth-child(4){margin-right: 0;}
.con ul li .limain{box-shadow: 0 0 8px #E6E6E6;padding: 40px 30px;background: #fff;text-align: center;}
.con ul li .limain h3{margin: 35px 0;color: #333;font-size: 30px;}
.con ul li:hover .limain{background: #FAC360;}
.con ul li .limain span{display: block;line-height: 2;color: #666;font-size: 18px;}
.con ul li:hover .limain h3{color: #fff;}
.con ul li:hover .limain span{color: #fff;}


.con2 .left{width: 50%;}
.con2 .left video{width: 100%;}
.con2 .right{padding:  0 110px; width: calc(50% - 220px);}
.con2 .right h3{color: #13c5dd;font-size: 18px;}
.con2 .right span{display: block;margin: 30px 0;font-size: 48px;color: #333;}
.con2 .right .nr{font-size: 18px;color: #666;line-height: 2;}
.con2 .right a{display: block;width: 150px;line-height: 60px;background: #00C3DA;text-align: center;color: #fff;font-size: 18px;}
.con2 .right ul{margin: 50px 0;}
.con2 .right ul li{padding-left: 30px;font-size: 18px;line-height: 50px;font-weight: bold;}

.tit{text-align: center;margin-bottom: 60px;}
.tit h3{color: #13c5dd;font-size: 18px;}
.tit h4{display: block;margin: 30px 0;font-size: 48px;color: #333;}

.con3{padding-top: 100px;padding-bottom: 140px;}
.con3 ul li{ width: calc((100% - 40px) / 3);margin-right: 20px;float: left;text-align: center;}
.con3 ul li:nth-child(3n){margin-right: 0;}
.con3 ul li .limain{box-shadow: 0 0 8px #E6E6E6;padding: 40px 20px;background: #fff;position: relative;}
.con3 ul li h3{margin: 30px 0;font-size: 20px;color: #333;}
.con3 ul li span{display: block;font-size: 16px;line-height: 2;color: #666;margin-bottom: 50px;}
.con3 ul li:hover .limain{background: #FAC360;}
.con3 ul li:hover h3{color: #fff;}
.con3 ul li:hover span{color: #fff;}
.con3 ul li{position: relative;}
.con3 ul li .icon{position: absolute;bottom: -50px;left: 0;right: 0;}
.con3 ul li .iconmain{width: 100px;text-align: center;height: 100px;box-shadow: 0 0 8px #f2f2f2;border-radius: 50px;background: #fff;margin: 0 auto;}
.con3 ul li .iconmain .img2{display: none;margin-top: 30px;}
.con3 ul li:hover .iconmain .img2{display: inline-block;}
.con3 ul li:hover .iconmain .img{display: none;}
.con3 ul li .icon img{margin-top: 20px;}
.con3 .con3bottom{margin-top: 160px;text-align: center;}
.con3 .con3bottom h3{font-size: 48px;color: #fff;margin-bottom: 40px;}
.con3 .con3bottom dl{text-align: center;}
.con3 .con3bottom dl dd{display: inline-block;width: 150px;height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;}
.con3 .con3bottom dl dd a{color: #fff;}
.con3 .con3bottom dl .dd{background: #FAC360;}
.con3 .con3bottom dl .dd2{background: #00C3DA;}

.con4{padding: 100px 0;}
#certify  .swiper-slide {width: 500px;text-align: center;position: relative;}
#certify  .swiper-slide .wenzi{position: absolute;bottom: 0;left: 0;right: 0;z-index: 99;}
#certify  .swiper-slide .wenzi h3{margin: 0 auto;line-height: 60px;font-size: 30px;color: #fff;width: 80%;border-radius: 10px;font-size: 24px;color: #fff;background: #FAC360;display: none;}
#certify  .swiper-slide img{display:block;}
 #certify  .swiper-slide-active .wenzi h3{display: block;}

.con4 #certify{position: relative;}
.con4 .swiper-button-prev{background: url(../images/icon.png);width: 157px;height: 48px;margin-top: -24px;left: 260px;top: 94%;}
.con4 .swiper-button-next{background: url(../images/icon2.png);width: 157px;height: 48px;margin-top: -24px;right: 260px;top: 94%;}	
.con4 .swiper-button-prev::after{content: "";}
.con4 .swiper-button-next::after{content: "";}
.con4 #certify .imgarea{min-height: 500px;}

.con5{padding: 100px 0;}
.con5 ul {margin-top: 55px;}
.con5 ul li{width: calc(20% - 90px);margin: 0 41px;float: left;text-align: center;}
.con5 ul li .imgarea{display: inline-block;position: relative;background: #FAC360;width: 150px;height: 150px;border-radius: 50%;}
.con5 ul li .imgarea .mum{position: absolute;right: 0;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;text-align: center;line-height: 42px;font-size: 24px;color: #fff;background: #FAC360;}
.con5 ul li .imgarea .img2{display: none;}
.con5 ul li .imgarea img{margin-top: 36px;}
.con5 ul li:hover .imgarea {background: #00C1D8;}
.con5 ul li:hover .imgarea .img2{display: inline-block;}
.con5 ul li:hover .imgarea .img1{display: none;}
.con5 ul li:hover  .mum{background: #fff;color: #00C2DA;}
.con5 ul li .wenzi{text-align: center;}
.con5 ul li .wenzi h3{font-size: 22px;color: #333;margin: 22px 0;}
.con5 ul li .wenzi span{font-size: 18px;display: block;}

.con6 ul{margin-top: 20px;}
.con6 ul li{width: calc((100% - 60px)/5);margin-right: 6px; margin-left:6px; float: left;position: relative;}
.con6 ul li:nth-child(4n){/*margin-right: 0;*/}
.con6 ul li:hover .wenzi{display: block;}
.con6 ul li .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 9;background: rgba(68, 76, 99, 0.8);text-align: center;display: none;}
.con6 ul li .wenzi .wenziarea{position: absolute;top: 50%; transform: translateY(-50%);left: 0;right: 0;text-align: center;}
.con6 ul li .wenzi a{display: inline-block;/* margin-top: 200px; */margin-bottom: 60px;}
.con6 ul li .wenzi h3{font-size: 30px;color: #fff;margin-bottom: 20px;}
.con6 ul li .wenzi span{display: block;font-size: 18px;color: #fff;}

.con7{padding: 100px 0;}
.con7 ul li {width: calc((100% - 40px) / 3);margin-right: 20px;float: left;}
.con7 ul li:nth-child(3n){margin-right: 0;}
.con7 ul li .limain{padding: 40px 30px;background: #fff;box-shadow: 0 0 8px #EDEDED;}
.con7 ul li .limain .wenzi{padding: 0 20px;}
.con7 ul li .imgarea{position: relative;}
.con7 ul li .date{position: absolute;top: 20px;left: -20px;padding: 15px 20px;background: #00C2DA;}
.con7 ul li .date h3{color: #fff;font-size: 18px;}
.con7 ul li .date span{display: block;font-size: 18px;color: #fff;display: block;}
.con7 ul li:hover .limain{background: #FAC360;}
.con7 ul li:hover .date{background: #FAC360;}
.con7 ul li .wenzi h3{margin-top: 40px;color: #333;font-size: 30px;}
.con7 ul li .wenzi span{font-size: 18px;color: #333;display: block;margin: 25px 0;}
.con7 ul li .img .img2{display: none;}
.con7 ul li:hover .img1{display: none;}
.con7 ul li:hover .img .img2{display: inline-block;}
.con7 ul li:hover  .wenzi h3{color: #fff;}
.con7 ul li:hover  .wenzi span{display: #fff;}


.foottop{background: #00C2DA;padding: 50px 120px;}
.foottop h3{color: #fff;text-align: center;font-size: 40px;margin-bottom: 35px;}
.foottop .labelnew input{width: calc(96% - 200px);padding: 0 2%;background: #4BD5E5;color: #fff;font-size: 24px;line-height: 100px;}
.foottop .labelnew a{display: block;width: 200px;font-size: 24px;text-align: center;color: #fff;background: #FAC360;line-height: 100px;}
input::-webkit-input-placeholder {  	/* WebKit browsers */
    color: #fff;
}
input:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input::-moz-placeholder {           	/* Mozilla Firefox 19+ */
    color: #fff;
}
input:-ms-input-placeholder {       	/* Internet Explorer 10+ */
    color: #fff;
}

.footbottom{padding: 70px 0;}
.footbottom .left{width: 20%;font-size: 18px;color: #fff;}
.footbottom .left .flogo{margin-bottom: 40px;}
.footbottom .center1{width: 25%;}
.footbottom .center1 h3{font-size: 24px;color: #f9c152;margin-bottom: 30px;}
.footbottom .center1 ul li{margin-bottom: 15px;font-size: 18px;}
.footbottom .center1 ul li a{color: #fff;}
.footbottom .center2{width: 25%;}
.footbottom .center2 h3{font-size: 24px;color: #f9c152;margin-bottom: 30px;}
.footbottom .center2 span{display: block;font-size: 18px;color: #fff;margin-bottom: 35px;}
.footbottom .center2 dl dd{font-size: 18px;color: #fff;line-height: 36px;}
.footbottom .right{width: 30%;}
.footbottom .right h3{font-size: 24px;color: #f9c152;margin-bottom: 30px;}
.footbottom .right dl dd{padding-left: 30px;font-size: 18px;color: #fff;margin-bottom: 15px;}
.footbottom .right ul{margin-top: 30px;}
.footbottom .right ul li{display: inline-block;}

.copy{padding: 30px 0;border-top: 1px solid #444C64;font-size: 18px;color: #fff;text-align: center;}


@media screen and (max-width: 1691px){
	.tel{display: none;}
}
@media screen and (max-width: 1339px){
	.headtop .left ul li{margin-right: 20px;}
}

@media screen and (max-width: 1227px){
	.headtop .left ul li{margin-right: 0;}
}

@media screen and (max-width: 1200px){
	.headtop .right .login{margin-right: 10px;padding-right: 10px;}
	.menu ul li{margin-right: 15px;}
}
@media screen and (max-width: 760px){
	.wapper{width:90%;padding: 0 5%;}
	.wapper2{width:90%;padding: 0 5%;}
	.wapper3{width:90%;padding: 0 5%;}
	.pc{display: none;}
	.phone{display: block;}
	
	.banner .swiper-button-prev{background: url(../images/QQ20241217-161619.png);width: 72px;height: 76px;margin-top: -38px;left: 100px;display: none;}
	.banner .swiper-button-next{background: url(../images/QQ20241217-161720.png);width: 72px;height: 76px;margin-top: -38px;right: 100px;display: none;}
	
	
	.con{padding: 50px 0;}
	.con .left{width: 100%;}
	.con .right{width: 100%;}
	
	.con .left span{font-size: 20px;}
	.con ul li{margin-right: 0;width: 100%;margin-bottom: 20px;}
	.con ul{margin-top: 40px;}
	
	.con2{padding: 0 5%;}
	.con2 .left{width: 100%;}
	.con2 .right span{font-size: 20px;}
	.con2 .right{width: 100%;padding: 0;margin-top: 20px;}
	.tit h4{font-size: 20px;}
	
	.con3 ul li{width: 100%;}
	
	.con3 ul li .icon{position: relative;bottom: 0;}
	.con3 .con3bottom{margin-top: 80px;}
	.con3 .con3bottom h3{font-size: 30px;}
	
	.con4{padding: 50px 0;}
	
	.con5{padding: 50px 0;}
	
	.con5 ul li{width: 100%;margin: 0;margin-bottom: 20px;}
	
	.con6{padding: 0 5%;}
	.con6 ul li{width: 100%;margin-right: 0;}
	
	.con7{padding: 50px 0;}
	
	.con7 ul li{width: 100%;margin-right: 0;}
	.foottop{padding: 5px;}
	.foottop h3{font-size: 18px;}
	.foottop .labelnew input{width: 96%;padding: 0 2%;background: #4BD5E5;color: #fff;font-size: 16px;line-height: 50px;}
	.foottop .labelnew a{display: block;width: 100%;font-size: 16px;text-align: center;color: #fff;background: #FAC360;line-height: 50px;}
	
	.footbottom .left{width: 100%;}
	.footbottom .right{width: 100%;}
	.footbottom .center1{width: 25%;display: none;}
	.footbottom .center2{width: 25%;display: none;}
}